﻿body {
    font-size: .85em;
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
    color: #232323;
    background-color: #fff;
}

header, footer, nav, section {
    display: block;
}


/* Styles for basic forms
-----------------------------------------------------------*/
fieldset {
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

legend {
    font-size: 1.2em;
    font-weight: bold;
}

textarea {
    min-height: 75px;
}

.editor-label {
    margin: 1em 0 0 0;
}

.editor-field {
    margin: 0.5em 0 0 0;
}


/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #f00;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #f00;
    background-color: #fee;
}

.validation-summary-errors {
    color: #f00;
    margin-left: 15px;
}

.validation-summary-valid {
    display: none;
}

.content {
    border-top: 1px dashed gray;
}

.row {
    width: 100%;
    display: table;
    border-bottom: 1px dashed gray;
}

    .row div {
        float: left;
        margin: 4px 0px 4px 0px;
        display: block;
    }

.objectId {
    width: 8%;
    text-align: center;
}

.name {
    width: 70%;
}

.actions {
    min-width: 180px;
    text-align: right;
    width: 18%;
}

/* menu
----------------------------------------------------------*/
ul#menu {
    font-size: 1.3em;
    font-weight: 300;
    margin: 0 0 5px;
    padding: 0;
    text-align: left;
}

    ul#menu li {
        display: inline;
    }

        ul#menu li a {
            background: none;
            color: #212121;
            text-decoration: none;
            padding-left: 15px;
            padding-right: 15px;
        }

            ul#menu li a.selected {
                background: #ddd;
                color: #fff;
            }

            ul#menu li a:hover {
                background: #999;
                color: #fff;
                text-decoration: none;
            }

#dates {
    border-bottom: 1px dashed gray;
    border-top: 1px dashed gray;
}

span {
    margin-right: 20px;
}

#description {
    margin-top: 20px;
    border-bottom: 1px dashed gray;
    border-top: 1px dashed gray;
    padding: 10px 10px 10px 10px;
}

.formSection {
    margin: 5px 0 10px 15px;
}

    .formSection div {
        margin-bottom: 5px;
    }

textarea {
    resize: none;
    width: 600px;
}

input[type=text] {
    width: 600px;
}
select {
    width: 400px;
}
#datesInput input{
    width: 200px;
    margin-right: 22px;
}
